<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // function myfn(n){
        //     return new  Promise((resolve,reject)=>{
        //         resolve(n)
        //     })
        // }
        // function one(){
        //     setTimeout(()=>{//1秒
        //         myfn(1).then(res=>{
        //             console.log(res)
        //         })
        //     },1000)
        //     setTimeout(()=>{//3秒
        //         myfn(3).then(res=>{
        //             console.log(res)
        //         })
        //     },3000)
        //     setTimeout(()=>{//5秒
        //         myfn(5).then(res=>{
        //             console.log(res)
        //         })
        //     },5000)
        // }
        // one()
        // function one(){
        //     setTimeout(()=>{
        //         console.log("1")
        //     },1000)
        // }
        // function three(){
        //     setTimeout(()=>{
        //         console.log("3")
        //     },3000)
        // }
        // function five(){
        //     setTimeout(()=>{
        //         console.log("5")
        //     },5000)
        // }
        // async function myFn(){
        //     await one()
        //     await three()
        //     await five()
        // }
        // myFn()
        function one(){
            setTimeout(()=>{
                console.log("1")
            },1000)
        }
        function three(){
            setTimeout(()=>{
                console.log("3")
            },3000)
        }
        function five(){
            setTimeout(()=>{
                console.log("5")
            },5000)
        }
        async function myFn(){
            await one()
            await three()
            await five()
        }
        myFn()
    </script>
</body>
</html>